<template>
  <div class="back">
    <!--<div id="tab">-->
      <!--<table id="workorder" frame="void" >-->
        <!--<tr>-->
          <!--<td>工单编号</td>-->
          <!--<td colspan="3" class="task">{{childData.fgdno}}</td>-->
          <!--&lt;!&ndash;<td colspan="3" class="task">{{childData.fid}}</td>&ndash;&gt;-->
          <!--<td rowspan="9" class="task">-->
            <!--<img src="../assets/rob.png" height="48" width="48" slot="icon" @click="gotoEdit(childData.fid.toString())">-->
            <!--&lt;!&ndash;<img src="../assets/rob.png" height="48" width="48" slot="icon" @click="showToast()">&ndash;&gt;-->
          <!--</td>-->
        <!--</tr>-->
        <!--<tr>-->
          <!--<td>签发单位</td>-->
          <!--<td colspan="3" class="task">{{childData.dept_name}}</td>-->
        <!--</tr>-->
        <!--<tr>-->
          <!--<td>签发人</td>-->
          <!--<td colspan="3" class="task">{{childData.fryxm}}</td>-->
        <!--</tr>-->
        <!--<tr>-->
          <!--<td>签发时间</td>-->
          <!--<td colspan="3" class="task">{{childData.frqdate}}</td>-->
        <!--</tr>-->
        <!--<tr>-->
          <!--<td>设备</td>-->
          <!--<td colspan="3" class="task">{{childData.fsbname}}</td>-->
        <!--</tr>-->
        <!--<tr>-->
          <!--<td>机构</td>-->
          <!--<td colspan="3" class="task">{{childData.fsbjgname}}</td>-->
        <!--</tr>-->
        <!--<tr>-->

          <!--<td>子机构</td>-->
          <!--<td colspan="3" class="task">{{childData.fsbzjgname}}</td>-->
        <!--</tr>-->
        <!--<tr>-->
          <!--<td>部件</td>-->
          <!--<td colspan="3" class="task">{{childData.fsbbjname}}</td>-->
        <!--</tr>-->
        <!--<tr>-->
          <!--<td>问题描述</td>-->
          <!--<td colspan="3">{{childData.fnote}}</td>-->
        <!--</tr>-->
      <!--</table>-->
    <!--</div>-->
    <div class="linear">
      <span class="small">工单编号：</span>
      <span class="gdh">{{childData.fgdno}}</span>
      <img src="../assets/module2.png" style="width: 60px; height: 30px; float: left" @click="gotoEdit(childData.fid.toString())"/>
    </div>

    <div class="linear">
      <span class="small">签发单位：</span>
      <span class="middle">{{childData.dept_name}}</span>
      <span class="small">签发人：</span>
      <span class="middle">{{childData.fryxm}}</span>
    </div>
    <div class="linear">
      <span class="small">签发时间：</span>
      <span class="big">{{childData.frqdate}}</span>
    </div>
    <div class="linear">
      <span class="small">设备：</span>
      <span class="middle">{{childData.fsbname}}</span>
      <span class="small">机构：</span>
      <span class="middle">{{childData.fsbjgname}}</span>
    </div>

    <div class="linear">
      <span class="small">子机构：</span>
      <span class="middle">{{childData.fsbzjgname}}</span>
      <span class="small">部件：</span>
      <span class="middle">{{childData.fsbbjname}}</span>
    </div>

    <div class="linear">
      <span class="small">问题描述：</span>
      <span class="big">{{childData.fnote}}</span>
    </div>
  </div>
</template>

<script>
  export default {
    name: "ScheduleItem",
    props: ['childData'],
    data() {
      return {

      }
    },
    methods:{
    showToast(){
      this.$toast('')
    },
      gotoEdit(id){
         this.$router.push({name:'EditSchedulePage',params:{'fid':id}});
      }

  }
  }
</script>

<style scoped>
  .back {
    border: 2px;
    border-style: solid;
    border-color: #EEEEEE;
    width: 96%;
    height: auto;
    background: white;
    border-radius: 5px;
    margin: 2%;
  }
  .linear{
    padding: 5px;
    height: 25px;
    width: 100%;
  }
  .linear .gdh{
    float: left;
    width: 50%;
    margin: 5px;
    height: auto;
    text-align: left;
    font-weight: bold;
    color: red;
    font-family: 黑体;
  }
  .linear .small{
    float: left;
    width: 21%;
    margin: 5px;
    height: auto;
    text-align: left;
  }
  .linear .middle{
    float: left;
    width: 20%;
    margin: 5px;
    height: 15px;
    text-align: left;
    font-family: 黑体;

  }
  .linear .big{
    float: left;
    width: 70%;
    margin: 5px;
    height: 15px;
    text-align: left;
    font-family: 黑体;
  }

</style>
